<template>
    <div>
        <h2>登录</h2>
        <input type="username" v-model="name">
        <input type="password" v-model="password"><br>
        <button @click="add">登录</button>

    </div>
</template>
    
<script>

export default {
    // 变量 
    data() {
        return {
            name: '',
            password: ''
        }
    },
    // 事件
    methods: {
        add() {
            if (this.name == 'admin' || this.passsword == '123456') {
                alert("登录成功")
            } else {
                alert('错误')
                return
            }
        }
    },
    // 计算属性
    computed: {},
    // 监听器
    watch: {},
    // 过滤器
    filters: {},
    // 自定义指令
    directives: {},
    mounted() { },
}
</script>
<style scoped></style>